<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 函数就是把完成特定功能的一段代码抽象出来，使之成为程序中的一个独立实体，起个名字（函数名）。可以在同一个程序或其他程序中多次重复使用（通过函数名调用）。


    // 函数封装的流程
    // (1) 先将完成特定功能的代码写出来
    // (2) 把完成特定功能的代码 放到函数中 起一个名字
    // (3) 确定函数的返回值 => 返回值由用户自行决定,不设置 默认就是undefined
    // (4) 调用函数 => 函数名()



    // 关于函数的调用
    // (1) 函数在没有调用之前,都是以文本的形参存储在浏览器的内存当中 (函数名可以理解为变量名),调用时才会执行
    // (2) 每次调用函数 都会执行函数中的上下文
    // (3) 函数遇到return就结束了 后续的代码不在执行


    // btn.onclick = function(){}


    // 计算 两个数的和?

    // (1) 先将完成特定功能的代码写出来
    // var a = 1;
    // var b = 2;
    // var c = a + b;
    // console.log(c); 

    //  (2) 把完成特定功能的代码 放到函数中 起一个名字
    function add(){
        debugger;  //在函数中打断点  可以让代码在函数中停止
        var a = 1;
        var b = 2;
        var c = a + b;
        // console.log(c); 

        //  (3) 确定函数的返回值
        // return c;  // 3
        // alert(123123);
    }

    // console.log(add+123123);

    // var result = String(100);
    // console.log(result);

    debugger;

    var result = add();  // 3
    console.log(result);

    console.log(add());





</script>
</html>